<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格实例-注册页面</title>
</head>

<body>
    <h2>青春不常在,抓紧谈恋爱</h2>
    <table width="580">
        <!-- 第一行 -->
        <tr>
            <!-- 两列 -->
            <td>性别:</td>
            <td>
                <input type="radio" value="man" name="sex" id="man"> <label for="man"><img
                        src="../html_css_material-master/第二天/images/man.jpg"> 男</label>
                <input type="radio" value="women" name="sex" id="women"> <label for="women"><img
                        src="../html_css_material-master/第二天/images/women.jpg"> 女</label>
            </td>
        </tr>
        <!-- 第二行 -->
        </tr>
        <td>生日:</td>
        <td>
            <select name="year" id="year">
                <option value="born">--请选择年份--</option>
                <option value="born">1999</option>
                <option value="born">2000</option>
                <option value="born">2001</option>
                <option value="born">2002</option>
                <option value="born">2003</option>
            </select>
            &nbsp;
            <select name="month" id="month">
                <option value="born">--请选择月份--</option>
                <option value="born">1</option>
                <option value="born">2</option>
                <option value="born">3</option>
                <option value="born">4</option>
                <option value="born">5</option>
                <option value="born">6</option>
                <option value="born">7</option>
                <option value="born">8</option>
                <option value="born">9</option>
                <option value="born">10</option>
                <option value="born">11</option>
                <option value="born">12</option>
            </select>
            &nbsp;
            <select name="day" id="day">
                <option value="born">--请选择月份--</option>
                <option value="born">1</option>
                <option value="born">2</option>
                <option value="born">3</option>
                <option value="born">4</option>
                <option value="born">5</option>
                <option value="born">6</option>
                <option value="born">7</option>
                <option value="born">8</option>
                <option value="born">9</option>
                <option value="born">10</option>
                <option value="born">11</option>
                <option value="born">12</option>
                <option value="born">13</option>
                <option value="born">14</option>
                <option value="born">15</option>
                <option value="born">16</option>
                <option value="born">17</option>
                <option value="born">18</option>
                <option value="born">19</option>
                <option value="born">20</option>
                <option value="born">21</option>
                <option value="born">22</option>
                <option value="born">23</option>
                <option value="born">24</option>
                <option value="born">25</option>
                <option value="born">26</option>
                <option value="born">27</option>
                <option value="born">28</option>
                <option value="born">29</option>
                <option value="born">30</option>
                <option value="born">31</option>
            </select>
        </td>
        </tr>
        <!-- 第三行 -->
        <tr>
            <td>所在地区:</td>
            <td>
                <input type="text" name="space" id="space" placeholder="请输入您所在地区">
            </td>
        </tr>
        <!-- 第四行 -->
        <tr>
            <td>婚姻状况:</td>
            <td>
                <input type="radio" value="marital status" name="marry" id="unmarried"> <label for="unmarried">未婚</label>
                <input type="radio" value="marital status" name="marry" id="married"> <label for="married">已婚</label>
                <input type="radio" value="marital status" name="marry" id="divorced"> <label for="divorced">离异</label>
            </td>
        </tr>
        <!-- 第五行 -->
        <tr>
            <td>学历:</td>
            <td>
                <select name="education" id="education">
                    <option value="edu">--请选择月份--</option>
                    <option value="edu">幼儿园</option>
                    <option value="edu">小学</option>
                    <option value="edu">初中</option>
                    <option value="edu">高中</option>
                    <option value="edu">专科</option>
                    <option value="edu">本科</option>
                    <option value="edu">硕士研究生</option>
                    <option value="edu">博士研究生</option>
                </select>
            </td>
        </tr>
        <!-- 第六行 -->
        <tr>
            <td>喜欢的类型:</td>
            <td>
                <input type="checkbox" name="type" value="可爱的" id="qute"> <label for="qute">可爱的</label>
                <input type="checkbox" name="type" value="妩媚的" id="enchanting"> <label for="enchanting">妩媚的</label>
                <input type="checkbox" name="type" value="小鲜肉" id="young"> <label for="young">小鲜肉</label>
                <input type="checkbox" name="type" value="老腊肉" id="old" > <label for="old">老腊肉</label>
                <br>
                <input type="checkbox" name="type" value="御姐" id="mercy" > <label for="mercy">御姐</label>
                <input type="checkbox" name="type" value="萝莉" id="lolita" > <label for="lolita">萝莉</label>
                <input type="checkbox" name="type" value="男同" id="gay" > <label for="gay ">男同</label>
                <input type="checkbox" name="type" value="女同" id="lesbian" > <label for="lesbian">女同</label>
                <input type="checkbox" name="type" value="人妖" id="hemophrodite" > <label for="hemophrodite">人妖</label>
            </td>
        </tr>
        <!-- 第七行 -->
        <tr>
            <td>自我介绍:</td>
            <td>
                <textarea placeholder="简单介绍一下自己吧" cols="40" rows="4"></textarea>
            </td>
        </tr>
        <!-- 第八行 -->
        <tr>
            <td></td>
            <td>
                <input type="checkbox" > 我同意注册条款和会员加入标准
            </td>
        </tr>
        <!-- 第九行 -->
        <tr>
            <td></td>
            <td>
                <input type="submit" value="免费注册">
            </td>
        </tr>
        <!-- 第十行 -->
        <tr>
            <td></td>
            <td>
                <a href="#"> 我是会员，立即登录</a>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <h4>我承诺</h4>
                <ul>
                    <li>年满18岁、单身</li>
                    <li>抱着严肃的态度</li>
                    <li>真诚寻找另一半</li>
                </ul>
            </td>
        </tr>
    </table>
</body>

</html>